/**
 * Created by Tsuna Chenug on 2016/12/7.
 */
import React, {Component} from 'react';
import {
    StyleSheet,
    Text,
    TouchableOpacity
} from 'react-native';
export default class Buttons extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <TouchableOpacity style={[ButtonStyles.button, {backgroundColor: this.props.buttonColor}]}
                              onPress={this.props.buttonFunction}>
                <Text style={ButtonStyles.buttonFont}>{this.props.buttonText}</Text>
            </TouchableOpacity>
        );
    }
}

const ButtonStyles = StyleSheet.create({
    button: {
        alignItems: 'center',
        height: 40,
        justifyContent: 'center',
        borderRadius: 5,
        flex: 1,
        marginRight: 40
    },
    buttonFont: {
        fontSize: 20,
        color: "#ffffff"
    }

});
